/* ============================
Social Channel Booster CSS
FINAL LOCKED — VARIANT SAFE
============================ */

.scb-social-wrapper{
margin:25px 0;
}

/* Card */
.scb-card{
display:flex;
align-items:center;
justify-content:space-between;
background:#f0f8ff;
border-radius:6px;
padding:12px 14px;
margin-bottom:15px;
border:2px solid transparent;
}

/* Left */
.scb-left{
display:flex;
align-items:center;
}

/* ICON */
.scb-icon{
font-size:26px !important;
width:28px;
min-width:28px;
margin-right:12px;
}

/* Brand icon colors */
.fa-whatsapp{color:#25d366;}
.fa-telegram{color:#0088cc;}
.fa-instagram{color:#e1306c;}
.fa-facebook{color:#1877f2;}
.fa-youtube{color:#ff0000;}
.fa-threads{color:#000;}

/* Text */
.scb-text{
display:flex;
flex-direction:column;
}

.scb-text strong{
font-size:15px;
color:#111;
}

.scb-text span{
font-size:13px;
color:#555;
}

/* BUTTON BASE */
.scb-button{
padding:7px 16px;
border-radius:4px;
text-decoration:none;
font-size:13px;
font-weight:600;
color:#fff !important;
display:inline-block;
}

.scb-button:hover{
color:#fff !important;
}

/* ===== BUTTON COLOR BY VARIANT ===== */

.scb-button.scb-whatsapp_channel,
.scb-button.scb-whatsapp_group,
.scb-button.scb-whatsapp_broadcast{
background:#25D366;
}

.scb-button.scb-telegram_channel,
.scb-button.scb-telegram_group{
background:#0088cc;
}

.scb-button.scb-instagram_profile,
.scb-button.scb-instagram_broadcast{
background:#E1306C;
}

.scb-button.scb-threads_profile,
.scb-button.scb-threads_broadcast{
background:#000;
}

.scb-button.scb-facebook_page,
.scb-button.scb-facebook_group{
background:#1877F2;
}

.scb-button.scb-youtube_channel{
background:#FF0000;
}

/* =========================
MOBILE / TABLET FIX
========================= */

@media(max-width:768px){

.scb-card{
flex-direction:column;
align-items:flex-start;
background:#f0f8ff !important;
padding:14px !important;
border-radius:8px;
}

.scb-button{
margin-top:12px;
}

.scb-text strong{font-size:16px;}
.scb-text span{font-size:14px;}

}

/* Tablet icon size */
@media(min-width:769px) and (max-width:1024px){
.scb-icon{font-size:27px !important;}
}

/* Desktop bigger */
@media(min-width:900px){
.scb-icon{font-size:28px !important;}
}

/* Location spacing */
.scb-location-block{
margin:18px 0;
}